<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../../css/head.css">
    <style>
        .tit {
            position: absolute;
            width: 90%;
            left: 5%;
            text-align: center;
            top: 40%;
            height: 120px;
            margin-top: -60px;
            color: #fff;
            z-index: 20;
        }

        .titl {
            position: absolute;
            width: 90%;
            left: 5%;
            text-align: center;
            top: 40%;
            height: 120px;
            margin-top: -60px;
            color: #696969;
            z-index: 20;
        }

        h3 {
            display: block;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            font-weight: bold;
        }

        .alertWindowContent h1,
        p {
            text-align: center;
            font-size: 18px;
            font-weight: bolder;
        }

        .alertWindowContent input {
            width: 100px;
            height: 50px;
            cursor: pointer;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }
    </style>
</head>

<body>

    <div>
        <div class="container-fluid">
            <div class="row" style="background-color:rgb(1,81,40)">
                <ul class="nav navbar-nav navbar-right" style="padding-right: 20px;font-size: 10px;" id="head">
                    <li><a href="#">欢迎&nbspxxx!</a></li>
                    <li><a href="login.html">安全退出</a></li>
                    <li><a href="personal/myinfo.html">个人中心</a></li>
                    <li><a href="../register.html">回到挂号界面</a></li>
                </ul>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <ul class="nav navbar-nav" id="daohang" style="width: 100%">
                    <li style="padding-top: 0px;">
                        <img src="../imgs/logo1 .png" alt="" style="width: 60px; height:60px;">
                    </li>
                    <li><a href="../register.html">
                            预约挂号
                        </a></li>
                    <li><a href="../cyz.html">
                            科室导航
                        </a></li>

                    <li><a href="#">
                            医生介绍
                        </a></li>
                    <li><a href="../science/science.html">
                            健康科普
                        </a></li>
                    <li><a href="#">
                            留言咨询
                        </a></li>
                    <ul class="nav navbar-nav navbar-right">
                        <li style="padding-top: 10px;"><a href="map/MapShow.html">医院位置导航<img src="../../imgs/map.png"
                                    style="width: 15px; margin-left:5px "></a></li>
                    </ul>
                </ul>
            </div>
        </div>


        <div class="container" style="margin-top:50px ">

            <div class="row">

                <div class="col-xs-4" style="height:300px ; background-color:rgb(21,145,209)">

                    <div class="tit" id="click">

                        <h3>神经内科诊疗</h3>


                    </div>

                </div>

                <div class="col-xs-4" style="height:300px ;background-color:rgb(237,237,237) " id="click1">

                    <div class="titl">

                        <h3>骨科诊疗</h3>

                    </div>

                </div>

                <div class="col-xs-4" style="height:300px ;background-color:rgb(87,176,86) " id="click2">

                    <div class="tit">

                        <h3>胸腔内科诊疗</h3>

                    </div>

                </div>

            </div>


            <div class="row">

                <div class="col-xs-4" style="height:300px ; background-color:rgb(237,237,237)" id="click3">

                    <div class="titl">

                        <h3>腹腔内科诊疗</h3>

                    </div>

                </div>

                <div class="col-xs-4" style="height:300px ;background-color:rgb(236,154,8)" id="click4">

                    <div class="tit">

                        <h3>五官科诊疗</h3>

                    </div>

                </div>

                <div class="col-xs-4" style="height:300px ;background-color:rgb(237,237,237) " id="click5">

                    <div class="titl">

                        <h3>泌尿科诊疗</h3>

                    </div>

                </div>

            </div>


            <!--介绍窗口-->

            <div style="display: none;" id="div"></div>

        </div>


        <script src="../../plugins/jquery/jquery.min.js"></script>
        <script src="../../plugins/bootstrap/js/bootstrap.js"></script>

        <script>

            var url = location.search;

            var obj = {};
            var reg = /\?/;
            if (url.match(reg)) {
                //判断传入参数，以问号截取，问号后是参数
                var chars = url.split('?')[1];

                //再截&号
                var arr = chars.split('&');

                //获得截取后的数组为键值对字符串
                for (var i = 0; i < arr.length; i++) {

                    //保守一点确定看是否为 name=value形式
                    var num = arr[i].indexOf("=");

                    if (num > 0) {
                        //拼接字符串
                        var name = arr[i].substring(0, num);
                        var value = arr[i].substr(num + 1);

                        //拼接对象，并转码
                        obj[decodeURIComponent(name)] = decodeURIComponent(value);
                    }
                }
            }

            var num = parseInt(obj.uri);
            switch (num) {

                case 1:
                    alert("脑血管疾病（脑梗塞、脑出血）、偏头痛、脑部炎症性疾病（脑炎、脑膜炎）、脊髓炎、癫痫、痴呆、代谢病和遗传倾向疾病");
                    break;
                case 2:
                    alert("ssssssS");
                    break;
                case 3:
                    alert("脑血管疾病（脑梗塞、脑出血）、偏头痛、脑部炎症性疾病（脑炎、脑膜炎）、脊髓炎、癫痫、痴呆、代谢病和遗传倾向疾病");
                    break;
                case 4:
                    alert("脑血管疾病（脑梗塞、脑出血）、偏头痛、脑部炎症性疾病（脑炎、脑膜炎）、脊髓炎、癫痫、痴呆、代谢病和遗传倾向疾病");
                    break;
                case 5:
                    alert("脑血管疾病（脑梗塞、脑出血）、偏头痛、脑部炎症性疾病（脑炎、脑膜炎）、脊髓炎、癫痫、痴呆、代谢病和遗传倾向疾病");
                    break;
                case 7:
                    alert("脑血管疾病（脑梗塞、脑出血）、偏头痛、脑部炎症性疾病（脑炎、脑膜炎）、脊髓炎、癫痫、痴呆、代谢病和遗传倾向疾病");
                    break;
            }

            console.log(num)


            $("#click").click(function () {
                alert("脑血管疾病（脑梗塞、脑出血）、偏头痛、脑部炎症性疾病（脑炎、脑膜炎）、脊髓炎、癫痫、痴呆、代谢病和遗传倾向疾病")
            })
            $("#click1").click(function () {
                alert("跟痛症,筋膜炎,骨膜炎,骶髂关节,炎骨癌,腰椎病,椎管狭窄,骨结核跟腱炎,许莫氏结节骨裂,膝关节韧带损伤")
            })
            $("#click2").click(function () {
                alert("脑血管疾病（脑梗塞、脑出血）、偏头痛、脑部炎症性疾病（脑炎、脑膜炎）、脊髓炎、癫痫、痴呆、代谢病和遗传倾向疾病、三叉神经痛、坐骨神经病、周围神经病及重症肌无力")
            })
            $("#click3").click(function () {
                alert("脑血管疾病（脑梗塞、脑出血）、偏头痛、脑部炎症性疾病（脑炎、脑膜炎）、脊髓炎、癫痫、痴呆、代谢病和遗传倾向疾病、三叉神经痛、坐骨神经病、周围神经病及重症肌无力")
            })
            $("#click4").click(function () {
                alert("脑血管疾病（脑梗塞、脑出血）、偏头痛、脑部炎症性疾病（脑炎、脑膜炎）、脊髓炎、癫痫、痴呆、代谢病和遗传倾向疾病、三叉神经痛、坐骨神经病、周围神经病及重症肌无力")
            })
            $("#click5").click(function () {
                alert("脑血管疾病（脑梗塞、脑出血）、偏头痛、脑部炎症性疾病（脑炎、脑膜炎）、脊髓炎、癫痫、痴呆、代谢病和遗传倾向疾病、三叉神经痛、坐骨神经病、周围神经病及重症肌无力")
            })

        </script>
</body>

</html>